<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->

<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page" >
        <!-- 标题栏 -->
        <header class="bar bar-nav">
            <h1 class="title">工作任务区</h1>
            <a class="icon icon-me pull-right open-panel" href="#" data-panel='#panel-left-demo'></a>
        </header>
        <!-- 这里是页面内容区 -->
        <div class="content">
            <!--<div class="content-block">这里是content</div>-->
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back" href="{:url('/mission')}">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class='title'>新建任务</h1>
            </header>
            <div class="content">
                <!--<div class="content-block">-->
                <!--这是ajax 加载的新页面，点击左上角的 <a href="#" class='back'>返回</a> 按钮返回上一页。-->
                <!--</div>-->

                <div class="list-block">
                    <ul>
                        <!-- Text inputs -->
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">任务名称:</div>
                                    <div class="item-input">
                                        <input type="text" name="title" id="title" placeholder="任务名称" value="" required>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">主要负责人:</div>
                                    <div class="item-input">
                                        <!--<input type="text" class="open-about" name="leader_id" placeholder="主要负责人"-->
                                               <!--value="">-->
                                        <a href="#router2">主要负责人</a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">参与人员:</div>
                                    <div class="item-input">
                                        <!--<input type="hidden" disabled placeholder="参与人员" name="part_res" value=""-->
                                               <!--id="part_res">-->
                                        <a href="#router3">参与人员</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- Date -->
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">完成时间</div>
                                    <div class="item-input">
                                        <input type="text" id='datetime-picker' name="over_time"/>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- Switch (Checkbox) -->

                        <li class="align-top">
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-comment"></i></div>
                                <textarea class="comment" name="mission_comment" id="mission_comment" placeholder="描述信息..." autofocus
                                          wrap="hard" rows="10" cols="50" style="height: 10rem"></textarea>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-50"><a href="#" class="button button-big button-fill button-danger back">返回</a>
                        </div>
                        <div class="col-50"><a href="#"
                                               class="button button-big button-fill button-success create-mission">提交</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page" id='router3'>
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back" href="/docs-demos/router">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class='title'>参与人员</h1>
        </header>
        <div class="content">
            <div class="content-block">
                {volist name="list" id="vo" empty="没有一级成员" }
                    {eq name="vo.level" value="1"}<input type="checkbox" name="part_res"  value="{$vo.uid}">{$vo.realname}{/eq}<br/>
                        {volist name="vo.child" id="voo" empty="" }
                             {eq name="voo.level" value="2"}<input style="margin-left: 30px" type="checkbox" name="part_res" value="{$voo.uid}">{$voo.realname}<br/>{/eq}
                                {volist name="voo.child" id="vooo" empty="" }
                                   {eq name="vooo.level" value="3"}<input style="margin-left: 60px" type="checkbox" name="part_res" value="{$vooo.uid}">{$vooo.realname}<br/>{/eq}
                                {/volist}
                        {/volist}
                {/volist}

            </div>
        </div>
    </div>
    <div class="page" id='router2'>
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back" href="/docs-demos/router">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class='title'>主要负责人</h1>
        </header>
        <div class="content">
            <div class="content-block">
                {volist name="list" id="vo" empty="没有一级成员" }
                {eq name="vo.level" value="1"}<input type="radio" name="leader_id" value="{$vo.uid}">{$vo.realname}{/eq}<br/>
                {volist name="vo.child" id="voo" empty="" }
                {eq name="voo.level" value="2"}<input style="margin-left: 30px" type="radio" name="leader_id" value="{$voo.uid}">{$voo.realname}<br/>{/eq}
                {volist name="voo.child" id="vooo" empty="" }
                {eq name="vooo.level" value="3"}<input style="margin-left: 60px" type="radio" name="leader_id" value="{$vooo.uid}">{$vooo.realname}<br/>{/eq}
                {/volist}
                {/volist}
                {/volist}

            </div>
        </div>
    </div>
    <!-- 其他的单个page内联页（如果有） -->
    <!--<div class="page">...</div>-->
</div>


